<template>
	<div class="d-flex ai-center jc-center mb-2">
		<img class="rotate-l" :src="decorate1" alt="">
		<p class="font-lan-l ml-2 mr-2">{{title}}</p>
		<img class="rotate-r" :src="decorate1" alt="">
	</div>
</template>
  
<script lang="ts">
import {
	ref,
	computed,
	defineComponent,
} from "vue";

// 声明类型
const PropsType = {
  title: {
    type: String,
    default: '',
    require: true
  },
} as const
export default defineComponent({
	name: 'decorate1',
	props:PropsType,
	components: {},
	setup(props, context) {
		//变量
		const decorate1 = require("@/assets/img/decorate1.png");
		// return
		return {
			decorate1,
		};
	},

});
</script>
  
<style lang="scss" scoped>
@import "@/assets/scss/index.scss";
.rotate-l {
    transform: rotate(-45deg);
  }
  .rotate-r {
    transform: rotate(135deg);
  }
</style>
  